html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
/*头部*/
.head-frame{
	width: 100%;
	height: 80px;
	background-color: lightseagreen;
	border-bottom: 1px solid deepskyblue;
}
.head-frame .head-panel{
	width: 1800px;
	height: 100%;
	margin: 0 auto;
	background-color: lightseagreen;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.head-frame .head-panel .head-title{
	font-size: 40px;
	color: white;
}
.head-frame .head-panel .head-option{
	width: 400px;

	font-size: 20px;
	color: white;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.head-frame .head-panel .head-option .item:hover{
	color: deepskyblue;
	cursor: pointer;
}
/*身体*/
.body-frame{
	width: 100%;
	height: 1200px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
/*左边*/
.body-frame .body-left{
	width: 320px;
	height: 100%;;
	background-color: gray
}
.body-frame .body-left .item{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.body-frame .body-left .item .first{
	width: 100%;
	height: 60px;
	color: white;
	background-color: dimgray;
	font-size: 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.body-frame .body-left .item .first:hover{
	color: deepskyblue;
	cursor: pointer;
}
.body-frame .body-left .item .second{
	width: 100%;
	height: 60px;
	color: white;
	font-size: 20px;
	border-bottom: 1px solid #666666;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	
	display: none;
}
.body-frame .body-left .item .second:hover{
	color: deepskyblue;
	cursor: pointer;
}
/*右边*/
.body-frame .body-right{
	width: 1600px;
	height: 100%;
	background-color: lightsteelblue
}
.body-frame .body-right iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

